<template>
	<view style="background-color: #ffffff;">
		<u-sticky offset-top="20" bgColor="#ffffff">
				<u-tabs :list=" tabs" @click="click"></u-tabs>
		</u-sticky>


		<view>
			<view style="display: flex;flex-direction: row;flex-wrap: wrap;padding: 16px">
				<view v-for="(item,index) in productList" style="margin-bottom: 10px;">
					<view :style="{marginRight:index % 2 == 0 ? '20px' : '0'}">
						<img :src="item.img" style="height: 120px;width: 180px;border-radius: 6px;" alt="">
						<u-text :text="item.title" color="#333333" bold size="28"></u-text>
						<u-text :text="item.price" color="#F4627F" bold size="28"></u-text>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabs: [{
					name: '高平特产',
				}, {
					name: '陵川特产',
				}, {
					name: '沁水特产'
				}, {
					name: '阳城特产'
				}, {
					name: '泽州特产'
				}, {
					name: '城区特产'
				}, ],
				productList: [{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"

					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					},
					{
						"img": "https://img2.baidu.com/it/u=3050049438,101132539&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=400",
						"title": "晋宝绿珍红薯粉条",
						"price": "26.9元"
					}
				],
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>